<template>
	<view id="searchItem" class="bg-white" style="margin-top: 3px" @click="goSearchItem(speedInfo)">
		<view id="sss" class="padding-lr-sm padding-tb-xs">
			<view class="flex justify-between">
				<view class="flex align-center">
					<view class="font-size21" style="color: #3d3d3d">{{speedInfo.speedTime}}</view>
				</view>

				<view>
					<view class="flex align-center">
						<Progress class="font-size15" :startRegion="speedInfo.startRegion" :endRegion="speedInfo.endRegion"></Progress>
					</view>
				</view>

				<view class="flex align-center text-right">
					<view style="width: 100%">
						<view>
							<text class="text-orange2 font-size12 padding-lr-xs">¥</text>
							<text class="font-size20 text-orange2">{{speedInfo.speedMon}}</text>
						</view>
						<view class="font-size13 text-gray">{{speedInfo.speedPollall}}张</view>
						<view class="font-size13 text-gray">剩余:{{speedInfo.speedPolleave}}张</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import Progress from './Progress.vue'
	export default {
		name: 'SearchItem',
		components: {
			Progress
		},
		props: {
			station: Array,
			speedInfo: Object
		},
		data() {
			return {
				pickerValue: new Date(),
			}
		},
		methods: {
			goSearchItem(speedInfo) {
				this.$emit('goSearchItem',speedInfo)
			}
		}
	}
</script>

<style scoped>
</style>
